<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的简历</title>
    <link href="css/common.css" rel="stylesheet" type="text/css"/>
    <link href="css/student-all.css" rel="stylesheet" type="text/css"/>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/common.js"></script>
</head>
<body>
<header>
    <div class="header-div">
        <ul>
            <li class="small-li">
                <a href="index.html"><img src="images/header-logo.png" alt="logo"></a>
            </li>
            <li class="long-li">
                <nav class="header-login-in-registered">
                    <div class="header-login-in">
                        <div id="header-function-list">
                            <ul>
                                <li>简历中心</li>
                                <li>简历中心</li>
                                <li>简历中心</li>
                            </ul>
                        </div>
                        <a href="#" id="header-login-span"><span><i class="iconfont">&#xe62b;</i>登录</span></a>
                    </div>
                    <a href="#" id="header-register-span"><span><i class="iconfont">&#xf0130;</i>注册</span></a>
                </nav>
                <span id="header-border">|</span>
                <nav class="header-list">
                    <a href="#"><span>企业列表</span></a>
                    <a href="#"><span>职位列表</span></a>
                    <a href="#"><span>黑板学院</span></a>
                </nav>
            </li>
        </ul>
    </div>
</header>
<div class="content-div">
    <div class="my-resume" >
        <!--点击上传头像-->
        <div class="my-photo" id="my-photo">
            <img src="images/baidu.png">
            <input type="file">
        </div>
        <!--基本信息-->
        <div class="my-basic-information" id="my-basic-information">
            <div class="my-name">
                <span class="write-and-add edit-one">编辑</span>
                <span>李宇航</span>
                <input type="text" value="李宇航"/>
            </div>
            <div class="basic-carrier">
                <div class="see-basic-content">
                    <nav class="sex-political-location">
                        <span>男</span>
                        <span>团员</span>
                        <span>广州</span>
                    </nav>
                    <nav class="education-time">
                        <span>本科</span>
                        <span>2017</span>.
                        <span>6</span>毕业
                    </nav>
                    <nav class="phone-e-mail">
                        <span>13330003033</span>
                        <span>aklsdalksjd@qq.com</span>
                    </nav>
                </div>
                <div class="edit-basic-content edit-basic-one">
                    <ul>
                        <li class="my-sex-option">
                            <strong>性别：</strong><br/>
                            <b>男</b>
                            <b>女</b>
                        </li>
                        <li>
                            <strong>政治面貌：</strong><br/>
                            <select class="place-select">
                                <option>群众</option>
                                <option>团员</option>
                                <option>党员</option>
                                <option>预备党员</option>
                            </select>
                        </li>
                        <li>
                            <strong>地区：</strong><br/>
                            <select class="place-select">
                                <option>广州</option>
                                <option>深圳</option>
                                <option>香港</option>
                                <option>北京</option>
                                <option>上海</option>
                            </select>
                        </li>
                        <li>
                            <strong>学历：</strong><br/>
                            <select class="education-select">
                                <option>大专</option>
                                <option>研究生</option>
                                <option>本科</option>
                                <option>博士生</option>
                                <option>高中</option>
                            </select>
                        </li>
                        <li>
                            <strong>毕业时间：</strong><br/>
                            <div class="graduation-time">
                                <input type="text" value="2016"><input type="text" value="7">
                            </div>
                        </li>
                        <li>
                            <strong>电话：</strong><br/>
                            <input type="text" placeholder="请输入你的手机号码" class="my-phone"/>
                        </li>
                        <li>
                            <strong>邮箱：</strong><br/>
                            <input type="text" placeholder="请输入邮箱" class="my-e-mail email-one"/>
                        </li>
                        <li class="basic-carrier-button btn-one">
                            <button class="save-onclick">保存</button>
                            <button>取消</button>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--教育经历-->
        <div class="my-educational-experience" id="my-educational-experience">
            <p class="common-title my-resume-title">
                <span>教育经历</span>
            </p>
            <div class="anyone-educational-experience">
                <span class="write-and-add delete-div delete-three">删除</span>
                <span class="write-and-add edit-three">编辑</span>
                <div class="see-educational-experience">
                    <ul>
                        <li><b class="this-university-name">广东工业大学</b></li>
                        <li>
                            <span>视觉传达工业</span>
                            <span>本科</span>
                            <span>2016年7月毕业</span>
                        </li>
                    </ul>
                </div>
                <div class="edit-basic-content edit-basic-two">
                    <ul>
                        <li>
                            <strong>学校全称：</strong><br/>
                            <input type="text" placeholder="请输入学校名字" class="my-phone school-name"/>
                        </li>
                        <li>
                            <strong>所属专业：</strong><br/>
                            <input type="text" placeholder="请输入专业" class="my-e-mail e-mail-two"/>
                        </li>
                        <li>
                            <strong>学历：</strong><br/>
                            <select class="education-select-one">
                                <option>大专</option>
                                <option>研究生</option>
                                <option>本科</option>
                                <option>博士生</option>
                                <option>高中</option>
                            </select>
                        </li>
                        <li>
                            <strong>毕业时间：</strong><br/>
                            <div class="graduation-time time-one">
                                <input type="text" value="2016" class="graduation-year"><input type="text" value="7" class="graduation-month">
                            </div>
                        </li>
                        <li class="basic-carrier-button btn-two">
                            <button class="save-onclick asave-onclick">保存</button>
                            <button>取消</button>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="anyone-educational-experience">
                <span class="write-and-add delete-div delete-three">删除</span>
                <span class="write-and-add edit-three">编辑</span>
                <div class="see-educational-experience">
                    <ul>
                        <li><b class="this-university-name">广东工业大学</b></li>
                        <li>
                            <span>视觉传达工业</span>
                            <span>本科</span>
                            <span>2016年7月毕业</span>
                        </li>
                    </ul>
                </div>
                <div class="edit-basic-content edit-basic-two">
                    <ul>
                        <li>
                            <strong>学校全称：</strong><br/>
                            <input type="text" placeholder="请输入学校名字" class="my-phone school-name"/>
                        </li>
                        <li>
                            <strong>所属专业：</strong><br/>
                            <input type="text" placeholder="请输入专业" class="my-e-mail e-mail-two"/>
                        </li>
                        <li>
                            <strong>学历：</strong><br/>
                            <select class="education-select-one">
                                <option>大专</option>
                                <option>研究生</option>
                                <option>本科</option>
                                <option>博士生</option>
                                <option>高中</option>
                            </select>
                        </li>
                        <li>
                            <strong>毕业时间：</strong><br/>
                            <div class="graduation-time time-one">
                                <input type="text" value="2016" class="graduation-year"><input type="text" value="7" class="graduation-month">
                            </div>
                        </li>
                        <li class="basic-carrier-button btn-two">
                            <button class="save-onclick asave-onclick">保存</button>
                            <button>取消</button>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="add-div-common add-one">
                <span>添加新的经历</span>
            </div>
        </div>
        <!--校园经历-->
        <div class="my-campus-experience" id="my-campus-experience">
            <p class="common-title my-resume-title">
                <span>校园经历</span>
            </p>
            <div class="my-experience">
                <span class="write-and-add delete-div delete-four">删除</span>
                <span class="write-and-add edit-four">编辑</span>
                <div class="my-experience-see">
                    <ul>
                        <li>
                            <b class="this-university-name">广东工业大学学生会</b>
                            <b>主席</b>
                        </li>
                        <li>
                            <span>2014年7月</span>
                            至
                            <span>2016年8月</span>
                        </li>
                        <li><p class="the-experience-introduction">撒老客户介绍了肯定和法律框架的花费大量的授课计划疯狂撒的结合饭卡上的付款啦就是ask东方航空撒旦解放哈大家ask等级回复啊款式冬季防火防盗爱的色放了卡号发到 </p></li>
                    </ul>
                </div>
                <div class="edit-basic-content edit-basic-three">
                    <ul>
                        <li>
                            <strong>组织全称：</strong><br/>
                            <input type="text" placeholder="请输入你的手机号码" class="my-phone"/>
                        </li>
                        <li>
                            <strong>职位：</strong><br/>
                            <input type="text" placeholder="请输入邮箱" class="my-e-mail position-name"/>
                        </li>
                        <li>
                            <strong>起始时间：</strong><br/>
                            <div class="graduation-time time-two">
                                <input type="text" value="2016"><input type="text" value="7">
                            </div>
                        </li>
                        <li>
                            <strong>结束时间：</strong><br/>
                            <div class="graduation-time time-three">
                                <input type="text" value="2016"><input type="text" value="7">
                            </div>
                        </li>
                        <li>
                            <strong>工作描述：</strong><br/>
                            <textarea class="g_content"></textarea>
                        </li>
                        <li class="basic-carrier-button">
                            <button class="save-onclick">保存</button>
                            <button>取消</button>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="my-experience">
                <span class="write-and-add delete-div delete-four">删除</span>
                <span class="write-and-add edit-four">编辑</span>
                <div class="my-experience-see">
                    <ul>
                        <li>
                            <b class="this-university-name">广东工业大学学生会</b>
                            <b>主席</b>
                        </li>
                        <li>
                            <span>2014年7月</span>
                            至
                            <span>2016年8月</span>
                        </li>
                        <li><p class="the-experience-introduction">撒老客户介绍了肯定和法律框架的花费大量的授课计划疯狂撒的结合饭卡上的付款啦就是ask东方航空撒旦解放哈大家ask等级回复啊款式冬季防火防盗爱的色放了卡号发到 </p></li>
                    </ul>
                </div>
                <div class="edit-basic-content edit-basic-three">
                    <ul>
                        <li>
                            <strong>组织全称：</strong><br/>
                            <input type="text" placeholder="请输入你的手机号码" class="my-phone"/>
                        </li>
                        <li>
                            <strong>职位：</strong><br/>
                            <input type="text" placeholder="请输入邮箱" class="my-e-mail position-name"/>
                        </li>
                        <li>
                            <strong>起始时间：</strong><br/>
                            <div class="graduation-time time-two">
                                <input type="text" value="2016"><input type="text" value="7">
                            </div>
                        </li>
                        <li>
                            <strong>结束时间：</strong><br/>
                            <div class="graduation-time time-three">
                                <input type="text" value="2016"><input type="text" value="7">
                            </div>
                        </li>
                        <li>
                            <strong>工作描述：</strong><br/>
                            <textarea class="g_content"></textarea>
                        </li>
                        <li class="basic-carrier-button">
                            <button class="save-onclick">保存</button>
                            <button>取消</button>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="add-div-common add-two">
                <span>添加新的经历</span>
            </div>
        </div>
        <!--工作经历-->
        <div class="my-work-experience" id="my-work-experience">
            <p class="common-title my-resume-title">
                <span>工作经历</span>
            </p>
            <div class="my-experience">
                <span class="write-and-add delete-div delete-five">删除</span>
                <span class="write-and-add edit-five">编辑</span>
                <div class="my-experience-see">
                    <ul>
                        <li>
                            <b class="this-university-name">广东工业大学学生会</b>
                            <b>主席</b>
                        </li>
                        <li>
                            <span>2014年7月</span>
                            至
                            <span>2016年8月</span>
                        </li>
                        <li><p class="the-experience-introduction">撒老客户介绍了肯定和法律框架的花费大量的授课计划疯狂撒的结合饭卡上的付款啦就是ask东方航空撒旦解放哈大家ask等级回复啊款式冬季防火防盗爱的色放了卡号发到 </p></li>
                    </ul>
                </div>
                <div class="edit-basic-content edit-basic-four">
                <ul>
                    <li>
                        <strong>组织全称：</strong><br/>
                        <input type="text" placeholder="请输入你的手机号码" class="my-phone"/>
                    </li>
                    <li>
                        <strong>职位：</strong><br/>
                        <input type="text" placeholder="请输入邮箱" class="my-e-mail position-name"/>
                    </li>
                    <li>
                        <strong>起始时间：</strong><br/>
                        <div class="graduation-time time-two">
                            <input type="text" value="2016"><input type="text" value="7">
                        </div>
                    </li>
                    <li>
                        <strong>结束时间：</strong><br/>
                        <div class="graduation-time time-three">
                            <input type="text" value="2016"><input type="text" value="7">
                        </div>
                    </li>
                    <li>
                        <strong>职位描述：</strong><br/>
                        <textarea class="g_content"></textarea>
                    </li>
                    <li class="basic-carrier-button">
                        <button class="save-onclick">保存</button>
                        <button>取消</button>
                    </li>
                </ul>
            </div>
            </div>
            <div class="my-experience">
                <span class="write-and-add delete-div delete-five">删除</span>
                <span class="write-and-add edit-five">编辑</span>
                <div class="my-experience-see">
                    <ul>
                        <li>
                            <b class="this-university-name">广东工业大学学生会</b>
                            <b>主席</b>
                        </li>
                        <li>
                            <span>2014年7月</span>
                            至
                            <span>2016年8月</span>
                        </li>
                        <li><p class="the-experience-introduction">撒老客户介绍了肯定和法律框架的花费大量的授课计划疯狂撒的结合饭卡上的付款啦就是ask东方航空撒旦解放哈大家ask等级回复啊款式冬季防火防盗爱的色放了卡号发到 </p></li>
                    </ul>
                </div>
                <div class="edit-basic-content edit-basic-four">
                    <ul>
                        <li>
                            <strong>组织全称：</strong><br/>
                            <input type="text" placeholder="请输入你的手机号码" class="my-phone"/>
                        </li>
                        <li>
                            <strong>职位：</strong><br/>
                            <input type="text" placeholder="请输入邮箱" class="my-e-mail position-name"/>
                        </li>
                        <li>
                            <strong>起始时间：</strong><br/>
                            <div class="graduation-time time-two">
                                <input type="text" value="2016"><input type="text" value="7">
                            </div>
                        </li>
                        <li>
                            <strong>结束时间：</strong><br/>
                            <div class="graduation-time time-three">
                                <input type="text" value="2016"><input type="text" value="7">
                            </div>
                        </li>
                        <li>
                            <strong>职位描述：</strong><br/>
                            <textarea class="g_content"></textarea>
                        </li>
                        <li class="basic-carrier-button">
                            <button class="save-onclick">保存</button>
                            <button>取消</button>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="add-div-common add-three">
                <span>添加新的经历</span>
            </div>
        </div>
    </div>
    <div class="my-resume-navigation">
        <!--上传附件-->
        <div class="my-annex">
            <p class="common-title">
                <span>上传附件</span>
                <span class="write-and-add">添加</span>
            </p>
            <div class="annex-image">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
        <!--简历完善度-->
        <div class="the-resume-perfect-degree">
            <p class="common-title">
                <span>简历完成度：50%</span>
            </p>
            <div class="progress-bar">
                <div class="progress"></div>
            </div>
        </div>
        <!--简历导航-->
        <div class="navigation-list pst-r">
            <ul>
                <li class="navigation-list-color"><a href="#my-photo">基本信息</a></li>
                <li><a href="#my-educational-experience">教育经历</a></li>
                <li><a href="#my-campus-experience">校园经历</a></li>
                <li><a href="#my-work-experience">工作经历</a></li>
            </ul>
        </div>
    </div>
</div>
<footer>
    <div class="footer-center-bg">
        <div class="footer-center" >
            <ul>
                <li class="footer-li">
                    <div class="footer-li-div footer-div-one">
                        <p>官方微信</p>
                        <p>WeChat</p>
                    </div>
                    <img src="images/wx.png" alt="微信二维码" id="footer-wx-img">
                </li>
                <li style="margin-top: 35px">
                    <h6>帮助中心</h6>
                    <p><a href="#">学生常见问题</a></p>
                    <p><a href="#">企业常见问题</a></p>
                </li>
                <li class="footer-li">
                    <div class="footer-li-div footer-div-two">
                        <p>联系我们</p>
                        <p>Contact Us</p>
                    </div>
                    <img src="images/phone.png" alt="联系我们" id="footer-contact-us">
                </li>
            </ul>
        </div>
    </div>
    <div class="footer-bottom">
        <p>
            网站备案/许可证号：
            <a href="http://www.miitbeian.gov.cn" target="_blank">粤ICP16069217号</a>
        </p>
        <p><a href="#">广州黑板教育科技有限公司</a></p>
    </div>
</footer>
<script src="js/my-resume.js"></script>
</body>
</html>